
<template>
	<div class="center_right_team_box">
		<div class="center_right_team_img" v-for="(item,ind) in teamContxt" :key="ind">
			<img :src="item.img" />
			<span>{{item.team}}</span>
		</div>
	</div>
</template>
<script>
export default {
	props: ['teamContxt']
};
</script>
<style lang="less" scoped>
	.center_right_team_box{
		display: flex;
		flex-wrap: wrap;
		.center_right_team_img{
			width: 50%;
			display: flex;
			align-items: center;
			padding: 10px 0;
			cursor:pointer;
			img{
				width: 24px;
				height: 24px;
				border-radius: 50%;
			}
			span{
				color: rgba(0,0,0,.85);
				font-weight: 500;
				margin-left: 12px;
			}
			span:hover{
				color: blueviolet;
			}
		}
	}
</style>